home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1122 / 1122.xpi / chrome / tabmixplus.jar / skin / classic / tabmixplus / tab.css < prev    next >
Cascading Style Sheet File  |  2009-10-11  |  16KB  |  447 lines
  1. .tabbrowser-tabs[flowing=multibar][multibar] .tabs-frame .scrollbox-innerbox {
  2.   display: block !important;
  3. }
  4.  
  5. .tabbrowser-tabs[flowing=multibar][multibar] .tabs-frame .tabs-right {
  6.   display: none !important;
  7. }
  8. /*we need to make multirow work on all themes, this should help a bit*/
  9. .tabbrowser-tabs[flowing=multibar][multibar],
  10. .tabbrowser-tabs[flowing=multibar][multibar] .tabbrowser-strip,
  11. .tabbrowser-tabs:not([classic=v3])[flowing=multibar][multibar] .tabbrowser-tab,
  12. .tabbrowser-tabs[flowing=multibar][multibar] .tabs-left,
  13. .tabbrowser-tabs[flowing=multibar][multibar] .tabs-right {
  14.   max-height: none !important;
  15. }
  16. .tabbrowser-tabs[flowing=multibar][multibar=scrollbar] .tabbrowser-tab {
  17.   min-height: 0px !important;
  18.   min-width: 0px !important;
  19. }
  20. .tabbrowser-tabs[flowing=multibar][multibar=scrollbar] .tabbrowser-tab[collapsed=true] {
  21.   display: none !important;
  22. }
  23. .tabbrowser-tabs[flowing=singlebar] .tabs-frame, .tabbrowser-tabs[flowing=scrollbutton] .tabs-frame,
  24. .tabbrowser-tabs[flowing=multibar]:not([multibar]) .tabs-frame {
  25.   overflow: hidden !important;
  26. }
  27.  
  28. /* some theme align text to center this make all tab align to center in multi-rows*/
  29. .tabbrowser-tabs[flowing=multibar] {
  30.   text-align: start !important;
  31. }
  32.  
  33. /* Tab close button */
  34. .tabbrowser-tab .tabs-closebutton,
  35. .tabbrowser-tab .tab-close-button {
  36.   display: none;
  37. }
  38.  
  39. .tabbrowser-tab:not([tabxleft]) .showhover-box {
  40.   -moz-box-pack: end;
  41. }
  42.  
  43. .tabbrowser-tab[tabxleft=on] .showhover-flex {
  44.     display: none;
  45. }
  46.  
  47.  
  48. .tabbrowser-tab[tabx=always][tabxleft=on] .always-left ,
  49. .tabbrowser-tab[tabx=always]:not([tabxleft=on]) .always-right ,
  50. .tabbrowser-tab[tabx=showhover][showbutton=on] .showhover ,
  51. .tabbrowser-tab[tabx=current][tabxleft=on][selected="true"] .always-left ,
  52. .tabbrowser-tab[tabx=current]:not([tabxleft=on])[selected="true"] .always-right {
  53.   display: -moz-box;
  54. }
  55.  
  56. /* current & hover */
  57. .tabbrowser-tab[tabx=current_hover][showbutton=on]:not([selected="true"]) .showhover ,
  58. .tabbrowser-tab[tabx=current_hover][tabxleft=on][selected="true"] .always-left ,
  59. .tabbrowser-tab[tabx=current_hover]:not([tabxleft=on])[selected="true"] .always-right {
  60.   display: -moz-box;
  61. }
  62.  
  63. /* prevent text box height from changing when we show the button on tab*/
  64. .tabbrowser-tab[tabx=showhover] .showhover-box,
  65. .tabbrowser-tab[tabx=current_hover] .showhover-box {
  66.   height: 0px;
  67. }
  68.  
  69. .tabbrowser-tab .tabs-closebutton {
  70.   padding: 0;
  71. }
  72.  
  73. .tabbrowser-tabs:not([Mac]):not([classic=v3]) .tabbrowser-tab .showhover {
  74.   margin-top: -1px;
  75.   margin-bottom: -3px;
  76.  /* -moz-margin-end: 6px for some theme it move the button to much to the left*/
  77. }
  78.  
  79. .tabbrowser-tab[protected] .tabs-closebutton,
  80. .tabbrowser-tab[protected] .tab-close-button {
  81.   display: none !important;
  82. }
  83.  
  84. .tabbrowser-tabs[hidebutton] > .tabbrowser-tab .tabs-closebutton,
  85. .tabbrowser-tabs[hidebutton] > .tabbrowser-tab .tab-close-button{
  86.   display: none !important;
  87. }
  88.  
  89. .tabbrowser-tabs[tinywidth] > .tabbrowser-tab:not([selected="true"]) .always-left,
  90. .tabbrowser-tabs[tinywidth] > .tabbrowser-tab:not([selected="true"]) .always-right {
  91.   display: none !important;
  92. }
  93.  
  94. .tabbrowser-tab[selected="true"] .tabs-closebutton {
  95.   -moz-user-focus: normal;
  96. }
  97.  
  98. /* For Flowing tabs */
  99. .tabbrowser-tabs[flowing=multibar] .tabbrowser-tab {
  100.   vertical-align: bottom;
  101. }
  102.  
  103. /* Tabstrip close button */
  104. .tabbrowser-tabs[closebutton=false] .close-button {
  105.   display: none;
  106. }
  107. .tabbrowser-tabs[closebutton=true] .close-button {
  108.   display: -moz-box !important;
  109. }
  110.  
  111. /* ..... For Scrollable tabs ..... */
  112. .tabbrowser-tabs:not([flowing=multibar])[disableScrollTabsRight=true] .tabs-frame {
  113.   border-right-width: 0px;
  114. }
  115. .tabbrowser-tabs:not([flowing=multibar])[disableScrollTabsLeft=true] .tabs-frame {
  116.   border-left-width: 0px;
  117. }
  118.  
  119. .tabs-arrowscrollbox {
  120.   margin-top: 2px;
  121. }
  122.  
  123. .tabs-arrowscrollbox[flowing="singlebar"],
  124. .tabbrowser-tabs[disableScrollTabsLeft=true][disableScrollTabsRight=true] .tabs-arrowscrollbox {
  125.   display: none;
  126. }
  127.  
  128. .tabs-arrowscrollbox[flowing=multibar][_side=left] > .tabs-scroll-up,
  129. .tabs-arrowscrollbox[flowing=scrollbutton][_side=left]:not([scrollbutton-up=left]) > .tabs-scroll-up,
  130. .tabs-arrowscrollbox[flowing=scrollbutton][_side=right][scrollbutton-up=left] > .tabs-scroll-up {
  131.   display: none;
  132. }
  133.  
  134.  /* we need this if we don't have scroll button on left side */
  135. .tabbrowser-tabs:not([tabBarSpace=true])[flowing=scrollbutton][scrollbutton-up=left]:not([disableScrollTabsLeft=true]) #firefox2-tabs-left-space,
  136. .tabbrowser-tabs:not([tabBarSpace=true])[flowing=scrollbutton][scrollbutton-up=left]:not([disableScrollTabsRight=true]) #firefox2-tabs-left-space {
  137.   display: none;
  138. }
  139.  
  140. .tabs-arrowscrollbox > toolbarbutton[disabled="true"] {
  141.   opacity: 0.4;
  142. }
  143.  
  144. .tabs-arrowscrollbox[flowing=scrollbutton] > .tabs-scroll-up {
  145.   list-style-image: url("chevron-rtl.gif");
  146. }
  147.  
  148. .tabs-arrowscrollbox[flowing=scrollbutton] > .tabs-scroll-down {
  149.   list-style-image: url("chevron.gif");
  150. }
  151.  
  152. .tabs-arrowscrollbox[flowing=scrollbutton] {
  153.   margin-bottom: 4px;
  154. }
  155.  
  156. .tabs-arrowscrollbox[flowing=scrollbutton] > .tabs-scroll-down .toolbarbutton-icon{
  157.   -moz-margin-end: 0px;
  158.   -moz-padding-start: 6px;
  159. }
  160.  
  161. .tabs-arrowscrollbox[flowing=multibar] > .tabs-scroll-up {
  162.   list-style-image: url("chevron-up.gif");
  163. }
  164.  
  165. .tabs-arrowscrollbox[flowing=multibar] > .tabs-scroll-down {
  166.   list-style-image: url("chevron-dn.gif");
  167. }
  168.  
  169. .tabs-arrowscrollbox[flowing=multibar] > toolbarbutton .toolbarbutton-icon {
  170.   -moz-margin-end: 0px;
  171.   -moz-padding-start: 4px;
  172. }
  173.  
  174. /* for miniT drag indicator */
  175. .tab-drag-indicator-left, .tab-drag-indicator-right {
  176.   visibility: hidden;
  177.   background: transparent no-repeat 50% 50%;
  178.   width: 0px;
  179.   height: 12px;
  180. }
  181.  
  182. .tabbrowser-tab[chromedir="ltr"] .tab-drag-indicator-left,
  183. .tabbrowser-tab[chromedir="rtl"] .tab-drag-indicator-right {
  184.   background-image: url("drag-left.png");
  185. }
  186.  
  187. .tabbrowser-tab[chromedir="ltr"] .tab-drag-indicator-right,
  188. .tabbrowser-tab[chromedir="rtl"] .tab-drag-indicator-left {
  189.   background-image: url("drag-right.png");
  190. }
  191.  
  192. .tabbrowser-tab[dragmark=atLeft] .tab-drag-indicator-left,
  193. .tabbrowser-tab[dragmark=atRight] .tab-drag-indicator-right {
  194.   visibility: visible;
  195.   width: 7px;
  196. }
  197.  
  198. /* Space on tab bar */
  199. .tabbrowser-tabs #tabs-right-space, .tabbrowser-tabs #tabs-left-space {
  200.   display: none;
  201. }
  202. .tabbrowser-tabs[tabBarSpace=true] #tabs-right-space, .tabbrowser-tabs[tabBarSpace=true] #tabs-left-space {
  203.   display: -moz-box;
  204.   width: 15px;
  205. }
  206.  
  207. /* For curren unread and other tab styles */
  208. .tabbrowser-tabs[unreadTab=true][boldUnread=true] .tabbrowser-tab:not([selected="true"]):not([visited]) .tab-text,
  209. .tabbrowser-tabs[currentTab=true][boldCurrent=true] .tabbrowser-tab[selected="true"] .tab-text {
  210. font-weight: bold !important;
  211. }
  212.  
  213. .tabbrowser-tabs[currentTab=true][boldCurrent=false] .tabbrowser-tab[selected="true"] .tab-text,
  214. .tabbrowser-tabs[unreadTab=true][boldUnread=false] .tabbrowser-tab:not([selected="true"]):not([visited]) .tab-text,
  215. /*.tabbrowser-tabs[otherTab=true][boldOther=false]:not([unreadTab=true]) .tabbrowser-tab:not([selected]) .tab-text,*/
  216. .tabbrowser-tabs[otherTab=true][boldOther=false]:not([unreadTab=true]) .tabbrowser-tab:not([selected="true"]) .tab-text,
  217. /*.tabbrowser-tabs[otherTab=true][boldOther=false] .tabbrowser-tab[selected="false"] .tab-text {*/
  218. .tabbrowser-tabs[otherTab=true][boldOther=false] .tabbrowser-tab:not([selected="true"])[visited] .tab-text {
  219.   font-weight: normal !important;
  220. }
  221.  
  222. .tabbrowser-tabs[unreadTab=true][italicUnread=true] .tabbrowser-tab:not([selected="true"]):not([visited]) .tab-text,
  223. .tabbrowser-tabs[currentTab=true][italicCurrent=true] .tabbrowser-tab[selected="true"] .tab-text {
  224.   font-style: italic !important;
  225. }
  226.  
  227. .tabbrowser-tabs[unreadTab=true][italicUnread=false] .tabbrowser-tab:not([selected="true"]):not([visited]) .tab-text,
  228. .tabbrowser-tabs[currentTab=true][italicCurrent=false] .tabbrowser-tab[selected="true"] .tab-text {
  229.   font-style: normal !important;
  230. }
  231.  
  232. .tabbrowser-tabs:not([hideunderline])[unreadTab=true][underlineUnread=true] .tabbrowser-tab:not([selected="true"]):not([visited]) .tab-text,
  233. .tabbrowser-tabs:not([hideunderline])[currentTab=true][underlineCurrent=true] .tabbrowser-tab[selected="true"] .tab-text {
  234.   text-decoration: underline !important;
  235. }
  236.  
  237. .tabbrowser-tabs[otherTab=true][boldOther=true]:not([unreadTab=true]) .tabbrowser-tab:not([selected="true"]) .tab-text,
  238. .tabbrowser-tabs[otherTab=true][boldOther=true] .tabbrowser-tab:not([selected="true"])[visited] .tab-text {
  239.   font-weight: bold !important;
  240. }
  241.  
  242. .tabbrowser-tabs[otherTab=true][italicOther=true]:not([unreadTab=true]) .tabbrowser-tab:not([selected="true"]) .tab-text,
  243. .tabbrowser-tabs[otherTab=true][italicOther=true] .tabbrowser-tab:not([selected="true"])[visited] .tab-text {
  244.   font-style: italic !important;
  245. }
  246.  
  247. .tabbrowser-tabs:not([hideunderline])[otherTab=true][underlineOther=true]:not([unreadTab=true]) .tabbrowser-tab:not([selected="true"]) .tab-text,
  248. .tabbrowser-tabs:not([hideunderline])[otherTab=true][underlineOther=true] .tabbrowser-tab:not([selected="true"])[visited] .tab-text {
  249.   text-decoration: underline !important;
  250. }
  251.  
  252. /* for progressmeter on tab tag */
  253. .tabbrowser-tabs[progressMeter=true] .tabbrowser-tab[busy=true] progressmeter.tab-progress {
  254.   display: -moz-box;
  255. }
  256.  
  257. .tabbrowser-tab progressmeter.tab-progress {
  258.   width: 100% !important;
  259.   height: 100% !important;
  260.   margin: 0px 0px 0px 0px !important;
  261.   padding: 0px 0px 0px 0px !important;
  262.   min-width: 0px !important;
  263.   min-height: 0px !important;
  264.   border: none;
  265.   display: none;
  266. }
  267.  
  268. .tabbrowser-tabs[useProgressColor=true] .tabbrowser-tab .tab-progress{
  269.   -moz-appearance: none;
  270.   background-color: transparent;
  271. }
  272. .tabbrowser-tabs[useProgressColor=true] .tabbrowser-tab .progress-bar{
  273.   -moz-appearance: none;
  274. }
  275.  
  276. /* for extra icons */
  277. .tabbrowser-tabs[extraIcons=true] .tabbrowser-tab[protected] .tab-protect-icon {
  278.   list-style-image: url("protected.png");
  279.   -moz-image-region: rect(0 16px 16px 0);
  280.   display: -moz-box;
  281.   height: 16px;
  282.   width: 16px;
  283. }
  284. .tabbrowser-tabs[extraIcons=true] .tabbrowser-tab[locked] .tab-lock-icon {
  285.   list-style-image: url("locked.png");
  286.   -moz-image-region: rect(0 16px 16px 0);
  287.   display: -moz-box;
  288.   height: 16px;
  289.   width: 16px;
  290. }
  291.  
  292. .tabbrowser-tab:not([protected]) .tab-protect-icon, .tabbrowser-tab:not([locked]) .tab-lock-icon,
  293. .tabbrowser-tabs[extraIcons=false] .tab-protect-icon, .tabbrowser-tabs[extraIcons=false] .tab-lock-icon {
  294.   display: none;
  295. }
  296.  
  297. #context-openlink[disabled=true]{
  298.   display: none !important;
  299. }
  300.  
  301. /* new tab button on tab bar*/
  302. .tabs-newbutton:not([platform]) {
  303.   list-style-image: url("newtab.png");
  304. }
  305.  
  306. #tabs-newbutton-box .tabs-newbutton:not([platform]) {
  307.   max-width: 26px;
  308.   max-height: 25px;
  309.   margin-top: 1px;
  310.   margin-left: 1px;
  311. }
  312.  
  313. .tabs-newbutton[platform=xp],
  314. .tabs-newbutton[platform=linux] {
  315.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  316. }
  317.  
  318. #tabs-newbutton-box .tabs-newbutton[platform=xp],
  319. #tabs-newbutton-box .tabs-newbutton[platform=linux] {
  320.   padding: 5px;
  321.   -moz-margin-end: 0px;
  322. }
  323.  
  324. .tabs-newbutton[platform=xp] {
  325.   -moz-image-region: rect(0px 160px 16px 144px);
  326. }
  327.  
  328. .tabs-newbutton[platform=xp]:hover {
  329.   -moz-image-region: rect(16px 160px 32px 144px);
  330. }
  331.  
  332. #tabs-newbutton-box .tabs-newbutton[platform=xp] .toolbarbutton-icon {
  333.   padding-left: 1px;
  334. }
  335.  
  336. .tabs-newbutton[platform=linux] {
  337.   -moz-image-region: rect(0px 64px 16px 48px);
  338. }
  339.  
  340. .tabbrowser-tabs[newTabButton=false] #tabs-newbutton-box {
  341.   display: none;
  342. }
  343.  
  344. #btn_undoclose, .closedtabs-icon {
  345.   list-style-image: url(undoclosetab.png);
  346. }
  347.  
  348. #btn_undoclose { -moz-image-region: rect(0 24px 24px 0); }
  349. #btn_undoclose:hover { -moz-image-region: rect(24px 24px 48px 0); }
  350. #btn_undoclose[disabled=true] { -moz-image-region: rect(48px 24px 72px 0); }
  351.  
  352. toolbar[iconsize=small] #btn_undoclose, .closedtabs-icon .menu-iconic-left{ -moz-image-region: rect(0 40px 16px 24px); }
  353. toolbar[iconsize=small] #btn_undoclose:hover, .closedtabs-icon:hover .menu-iconic-left{ -moz-image-region: rect(16px 40px 32px 24px); }
  354. toolbar[iconsize=small] #btn_undoclose[disabled=true], .closedtabs-icon[disabled=true] .menu-iconic-left{ -moz-image-region: rect(32px 40px 48px 24px); }
  355.  
  356. #btn_undoclose[type=menu-button] .toolbarbutton-icon {
  357.    padding-left: 4px;
  358.    margin-left: -3px;
  359.    margin-right: 1px;
  360. }
  361.  
  362. #btn_undoclose[type=menu-button] .dropmarker-icon {
  363.   padding-right: 2px;
  364. }
  365.  
  366. #btn_closedwindows , .closedwindows-icon {
  367.   list-style-image: url(undoclosewindow.png);
  368. }
  369.  
  370. #btn_closedwindows { -moz-image-region: rect(0 24px 24px 0); }
  371. #btn_closedwindows:hover { -moz-image-region: rect(24px 24px 48px 0); }
  372. #btn_closedwindows[disabled=true] { -moz-image-region: rect(48px 24px 72px 0); }
  373.  
  374. toolbar[iconsize=small] #btn_closedwindows, .closedwindows-icon .menu-iconic-left{ -moz-image-region: rect(0 40px 16px 24px); }
  375. toolbar[iconsize=small] #btn_closedwindows:hover, .closedwindows-icon:hover .menu-iconic-left{ -moz-image-region: rect(16px 40px 32px 24px)!important; }
  376. toolbar[iconsize=small] #btn_closedwindows[disabled=true], .closedwindows-icon[disabled=true] .menu-iconic-left{ -moz-image-region: rect(32px 40px 48px 24px)!important; }
  377.  
  378. #btn_tabslist, #tm-tabsList {
  379.   list-style-image: url(tabslist.png);
  380. }
  381. #btn_tabslist { -moz-image-region: rect(0 24px 24px 0); }
  382. #btn_tabslist:hover { -moz-image-region: rect(24px 24px 48px 0); }
  383. #btn_tabslist[disabled=true] { -moz-image-region: rect(48px 24px 72px 0); }
  384. toolbar[iconsize=small] #btn_tabslist, #tm-tabsList .menu-iconic-left{ -moz-image-region: rect(0 40px 16px 24px); }
  385. toolbar[iconsize=small] #btn_tabslist:hover, #tm-tabsList:hover .menu-iconic-left{ -moz-image-region: rect(16px 40px 32px 24px); }
  386. toolbar[iconsize=small] #btn_tabslist[disabled=true], #tm-tabsList[disabled=true] .menu-iconic-left{ -moz-image-region: rect(32px 40px 48px 24px); }
  387.  
  388. #tabmix-menu , #btn-sm-settings, #tm-sm-settings {
  389.    list-style-image: url(tmpsmall.png);
  390. }
  391. #tm-sm-settings .menu-iconic-left { -moz-image-region: rect(0 16px 16px 0)!important; }
  392.  
  393. #btn_sessionmanager, #tm-sessionmanager {
  394.   list-style-image: url(sessionmanager.png);
  395. }
  396. #btn_sessionmanager { -moz-image-region: rect(0 24px 24px 0); }
  397. #btn_sessionmanager:hover { -moz-image-region: rect(24px 24px 48px 0); }
  398. #btn_sessionmanager[disabled=true] { -moz-image-region: rect(48px 24px 72px 0); }
  399. toolbar[iconsize=small] #btn_sessionmanager, #tm-sessionmanager .menu-iconic-left{ -moz-image-region: rect(0 40px 16px 24px); }
  400. toolbar[iconsize=small] #btn_sessionmanager:hover, #tm-sessionmanager:hover .menu-iconic-left{ -moz-image-region: rect(16px 40px 32px 24px); }
  401. toolbar[iconsize=small] #btn_sessionmanager[disabled=true], #tm-sessionmanager[disabled=true] .menu-iconic-left{ -moz-image-region: rect(32px 40px 48px 24px); }
  402.  
  403. /* fix icon for menu item without image in tabmix menu list */
  404. .fix-bookmark-item .menu-iconic-left {
  405.   -moz-image-region: rect(0 16px 16px 0)!important;
  406. }
  407.  
  408. #btn_tabmixplus {
  409.   list-style-image: url(tmpsmall.png);
  410. }
  411.  
  412. #btn_tabmixplus .button-icon {
  413.   margin-top: 0px;
  414.   margin-bottom: 0px;
  415.   -moz-margin-start: 0px;
  416.   -moz-margin-end: 5px;
  417. }
  418.  
  419. /* fix dropmarker orient for toolbarbutton[type="menu"] in FF 2.0 + */
  420. #btn_undoclose[type="menu"] ,#btn_closedwindows[type="menu"] ,
  421. #btn_tabslist[type="menu"] ,#btn_sessionmanager[type="menu"] {
  422.   -moz-box-orient: horizontal;
  423. }
  424.  
  425. /* for hashcoulouredtabs */
  426. #content[hashedtabs] .tabbrowser-tab:not([busy]) .tab-icon-image:not([src]) {
  427.   list-style-image: none !important;
  428. }
  429.  
  430. /* fix close tab button on mouse over when using FaviconizeTab extension */
  431. .tabbrowser-tab[tabx=showhover][faviconized="true"] .tab-text,
  432. .tabbrowser-tab[tabx=current_hover][faviconized="true"] .tab-text {
  433.   display: -moz-box !important;
  434.   visibility: collapse;
  435. }
  436.  
  437. /* ::::: Fullscreen pseudo-toolbar ::::: */
  438. #fullscr-bottom-toggler {
  439.   display: none;
  440.   min-height: 5px;
  441.   height: 5px;
  442. }
  443.  
  444. #fullscr-bottom-toggler[inFullscreen="true"] {
  445.   display: -moz-box;
  446. }
  447.